<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2019\5\11 0011
  Time: 14:11
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title></title>
    <link href="css/top_bar.css" rel="stylesheet" type="text/css"/>
    <style rel="stylesheet" type="text/css">

        body {
            background-color: #EDF1F2;
           font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu
        }
        .center-content {
            background-color: white;
            padding:20px;
        }

        hr {
            height: 1px;
            border: none;
            border-top: 1px solid #EAEAEA;
        }
        .line_container {
            display: inline-block;
            white-space: nowrap;
        }
        * {
            box-sizing:border-box;
        }
        div.search_bar {
            padding:10px 0;
        }
        .search_bar input {
            width:100%;
            height:42px;
            padding-left:13px;
            border:2px solid #999999;
            border-radius:5px;
            background:transparent;
            top:0;
            right:0;
        }
        .search_bar button {
            border:none;
            outline:none;
            height:42px;
            width:42px;
            cursor:pointer;
            background:#999999;
            border-radius:0 5px 5px 0;
            width:60px;
            position: relative;
            top:-1px;
            right:65px;
        }
        .search_bar button:before {
            content:"搜索";
            font-size:13px;
            color:#F9F0DA;
        }
    </style>
</head>
<body>
<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <nav class="navbar navbar-default" role="navigation">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse"
                            data-target="#bs-example-navbar-collapse-1">
                        <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span
                            class="icon-bar"></span><span class="icon-bar"></span></button>
                    <a class="navbar-brand" href="index.jsp"><strong>六月设计</strong></a>
                </div>

                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <span class="line_container">
                        <ul class="nav navbar-nav">
                            <li>
                                <a href="index.jsp"> <img src="image/project.png"/> 项目</a>
                            </li>
                            <li>
                                <a href="project_classify.jsp"> <img src="image/divide.png"/> 分类</a>
                            </li>
                            <li>
                                <a href="software_down.jsp"><img src="image/software.png"/> 软件下载</a>
                            </li>
                        </ul>
                        <div id="search_project" class="search_bar">
                             <input id="my_input_index" placeholder="" name="cname" type="text">
                             <button type="submit" onclick="searchProject()"></button>
                        </div>
                        <%--<input id="my_input_index" type="text" />
                        <button type="submit" class="btn btn-default" onclick="searchProject()">搜索</button>--%>
                    </span>
                    <%--<ul class="nav navbar-nav navbar-right">
                        <li>
                            <a href="#">Link</a>
                        </li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown<strong class="caret"></strong></a>
                            <ul class="dropdown-menu">
                                <li>
                                    <a href="#">Action</a>
                                </li>
                                <li>
                                    <a href="#">Another action</a>
                                </li>
                                <li>
                                    <a href="#">Something else here</a>
                                </li>
                                <li class="divider">
                                </li>
                                <li>
                                    <a href="#">Separated link</a>
                                </li>
                            </ul>
                        </li>
                    </ul>--%>
                </div>

            </nav>
        </div>

        <%--<div class="row clearfix">
            <div class="col-md-12 column">
                <a id="modal-370896" href="#modal-container-370896" role="button" class="btn" data-toggle="modal">触发遮罩窗体</a>
                <div class="modal fade" id="modal-container-370896" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                                <h4 class="modal-title" id="myModalLabel">
                                    标题
                                </h4>
                            </div>
                            <div class="modal-body">
                                内容...
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button> <button type="button" class="btn btn-primary">保存</button>
                            </div>
                        </div>

                    </div>

                </div>

            </div>
        </div>--%>


    </div>

    <script>


    </script>
</div>
</body>
</html>
